<? $this -> load -> view('header');?>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>
<script language="JavaScript">

	  function initialize() {
        var mapDiv = document.getElementById('map-canvas');
        var map = new google.maps.Map(mapDiv, {

          center: new google.maps.LatLng(14.91, 102.89),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });
      }
      

      google.maps.event.addDomListener(window, 'load', initialize);



</script>
<div id="middle">
	<? $this -> load -> view('land/left_menu');?>
	<div id="center-column">
		<div class="top-bar">
			<h1>การเรียกดูข้อมูลที่ดินโดยแบ่งตามข้อมูลเชิงสถิติวัดปริมาณผลผลิตต่อไร่</h1>
			<br />ปริมาณวัตถุดิบ <br />
			<input type="checkbox" /><span style="width: 50px;background-color:#98fb98;letter-spacing: 20px;">  </span> 0-100  <br />
			<input type="checkbox" /><span style="width: 50px;background-color:#20b2aa;letter-spacing: 20px;">  </span>101-1000<br />
			<input type="checkbox" /><span style="width: 50px;background-color:#3cb371;letter-spacing: 20px;">  </span>1001-10000<br />
			<input type="checkbox" /><span style="width: 50px;background-color:#2e8b57;letter-spacing: 20px;">  </span>10001-100000<br />
			<input type="checkbox" /><span style="width: 50px;background-color:#8fbc8f;letter-spacing: 20px;">  </span>100001-1000000<br />
			<input type="button" value="Fillter" />
		</div>
		<div class="table">
			<div id="map-canvas" style="width: 100%; height: 40%"></div>
			<table class="listing" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="2" class="full" >Owner Detail</td>
				</tr>
				<tr>
					<td>Member ID:</td>
					<td>xxxxxxxx</td>
				</tr>
				<tr>
					<td>ชื่อ นามสกุล:</td>
					<td>xxxxxxxx</td>
				</tr>
				<tr>
					<td>ที่อยู่:</td>
					<td>xxxxxxxx</td>
				</tr>
				<tr>
					<td>ประเภทพื้นที่:</td>
					<td>เช่า</td>
				</tr>
				<tr>
					<td>กลุ่มสมาชิก:</td>
					<td>xxxxx</td>
				</tr>
				
			</table>
		</div>
	
	</div>
	<div id="right-column">
		<strong class="h">Quick Info</strong>
		<div class="box" >
			<span id="user_infor">
				พื้นที่เพาะปลูก
			</span>
		</div>
	</div>
</div>
<? $this -> load -> view('footer');?>